<template>
  <div class="production-line">
    <CommTitle title="产线介绍" />
    <div class="production-line-agen">
      <div class="right-card-two">
        <h2>研制目标</h2>
        <p>在C919基本型飞机基础上研制C919-600飞机，2027年取得中国民航局适航批准并交付用户。具备远程型、货机型等衍生机型改装潜力，进一步提升C919系列飞机全疆域适应性，形成我国高原机队全面自主保障能力。</p>
        <h2>研制意义</h2>
        <p>C919-600飞机是在基本型飞机基础上，通过缩短机身长度、优化气动特性、开展平台减重、提升系统功能，更好地满足国内高高原运输类机场运行要求。</p>
        <h2>研制原则</h2>
        <ul>
          <li>运行：针对高高原运行环境特点,开展正向场景分析和需求捕获;与首家用户开展需求联合定义,借鉴航司运行经验,改进竞争机型已知问题,持续改进提升；</li>
          <li>共通：保持与基本型的高度共通,降低研发风险、提升研发效率,更快响应市场需求；</li>
          <li>攻关：针对高高原运行难点,全面识别重难点问题，开展专项技术攻关，吃透技术,精细化设计,确保高高原运行安全；</li>
          <li>竞争：对标竞争机型，在保证基本性能的条件下，充分发挥平台优势与机身长度优势,提升有效载客数，增加盈利能力。</li>
        </ul>
        <h2>首家客户</h2>
        <p>2024年2月，西藏航空与中国商飞签署40架C919-600飞机订单，西藏航空成为C919-600的首家客户。</p>
      </div>
    </div>
  </div>
</template>

<script setup>
import CommTitle from './CommTitle.vue'

</script>

<style lang="less">
.production-line{
  // background-color: red;
  height: 100%;
  .production-line-agen {
    height: calc(100% - 70px);
    // background-color: aqua;
    margin: 0 10px 10px 15px;
    padding-right: 5px;
    box-sizing: border-box;
    color: #ffffff;
    font-size: 16px;
    overflow: hidden;
    overflow-y: scroll;
    &::-webkit-scrollbar {
      width: 5px;
    }

    &::-webkit-scrollbar-track {
      background: transparent;
    }

    &::-webkit-scrollbar-thumb {
      border-radius: 2px;
      background: rgba(75, 137, 255, 0.2);
    }
    h2 {
      font-family: Source Han Sans CN;
      font-size: 18px;
      font-weight: 900;
      margin-bottom: 10px;
    }
    p {
      font-size: 17px;
      text-indent: 2em;
      margin-bottom: 15px;
    }
    ul {
      list-style: none;
      padding-left: 1em;

      li {
        font-size: 16px;
        padding-left: 1em;
        &::before {
          content: '';
          display: inline-block;
          height: 0.6em;
          width: 0.6em;
          background-color: rgba(81, 154, 228, 0.673);
          border-radius: 50%;
          margin-left: -1em;
          margin-right: 0.5em;
        }
      }
    }
  }
}
</style>
